@import 'tailwindcss/base';
@import 'tailwindcss/utilities';

view {
  box-sizing: border-box;
  font-family: "PingFang SC";
}

::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}

.page-view-content {
  min-height: calc(100vh - constant(safe-area-inset-bottom));
  min-height: calc(100vh - env(safe-area-inset-bottom));
  background-color: #F4F3F2;
}

.page-view-tabbar-pb{
  padding-bottom: calc(#{$tabBarHeight} + constant(safe-area-inset-bottom));
  padding-bottom: calc(#{$tabBarHeight} +env(safe-area-inset-bottom));
}

page {
  font-size: 28px !important;
  color: #333 !important;
  width: 100%;
  height: 100%;
  padding-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom);
  --button-border-radius: 16px;
  --button-border-radius-max: 43px;
  --button-primary-border-color: #917320;
  --button-primary-background-color: #917320;
  --rate-icon-full-color: #917320;
  // --rate-icon-empty-color: #E6E6E6;
}